<template>
	<div class="container" style="background-color：#fff;" v-title data-title='动态详情'>
		<Header title="动态详情"></Header>
		<div class="details-page" style="min-height: 420px;">
			<div class="bor-b" style="text-align: center;">
				<div class="title"><b>{{dynamic.title}}</b></div>
			</div>
			<div class="content" style="margin-top: 10px; margin-bottom: 20px;">时间&nbsp;:&nbsp;{{dynamic.updateTime}}</div>
			<p class="rule-text" v-html="dynamic.content"></p>
		</div>
	</div>
</template>

<script>
	export default{
		data() {
			return {
				dynamic: {}
			}
		},
		mounted:function(){
			this.initDynamic();
			//$("#goble_menu_div").hide();
			this.initHeight();
		},
		methods:{
			initDynamic() {
				var _self = this;
				var body = {};
				body.params = {id:_self.$route.params.id};
				var url = _self.utilHelper.apiUrl + "/api/getPremisesDynamicDetail";
				this.$http.post(url, body).then((response) => {
					var data = response.body;
					_self.dynamic = data.resData.premisesDynamic;
				}, (response) => {
					console.log(response);
				});
			},
			initHeight() {
				var ph = document.documentElement.clientHeight;
				ph = ph - 64 - 49; //微信状态栏高度为64px，底部标签为49px
				var px = "min-height:" + ph + "px";
				$(".details-page").attr("style", px);
			}
		}
	}
	
</script>

<style scoped>
	.rule-text .intro{width:auto!important;}
	.details-page .title{height: auto;white-space: normal;padding: 10px 0;line-height: 22px;font-weight: bold;font-size: 14px;text-align: left;}
</style>